<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册网易免费邮箱 - 中国第一大电子邮件服务商</title>

	<link rel="shortcut icon" href="wangyi/images/favicon.ico">

	<link rel="stylesheet" type="text/css" href="wangyi/css/wangyi.css">

	
</head>

<body>
	<header class="header">
		<div class="bg"></div>
		<div class="links">
			<a href="#">了解更多</a>
            <a href="#">|</a>
			<a href="#">反馈意见</a>
		</div>
	</header>

 <section class="content" >
        <header class="content-tit">
            <h1>欢迎注册无限容量的网易邮箱！邮件地址可以登录使用其他网易旗下产品。
            </h1>
        </header>
        <div class="mainBody-wp">
            <div class="mainBody">

                <!--Tab标签菜单-->
                <div class="regTabs">
                    <ul>
                        <li><a href="#" style="font-weight: bold;color: #fff">注册字母邮箱</a></li>
                        <li><a href="#">注册手机号码邮箱</a></li>
                        <li><a href="#">注册VIP邮箱</a></li>
                    </ul>
                </div>
                    
                      <!--注册窗体-->
                <div class="regForm">

                    <dl class="regForm-item">
                        <!---输入框前文本-->
                        <dt class="regForm-title"> 
                           <strong style="font-weight:bold;font-size: 14px;" >*邮件地址</strong>
                          
                        </dt>

                        <dd class="regForm-ct">
                            <!--输入文本框-->
                            <input type="text" class="ipt">
                            <strong style="font-weight:bold;font-size: 14px;" >@</strong>
                            <select>
                                <option selected="selected">163.com</option>
                                <option selected="selected">163.cn</option>
                            </select>
                            <!--输入提示-->
                            <div class="tip">
                                <span>6~18个字符，可使用字母、数字、下划线，需以字母开头</span>
                            </div>

                        </dd>
                    </dl>

                    <dl class="regForm-item">
                        <!---输入框前文本-->
                        <dt class="regForm-title"> 
                            <span class="txt-impt"></span>
                             <strong style="font-weight:bold;font-size: 14px;" >*密码</strong>
                        </dt>


                        <dd class="regForm-ct">
                            <!--输入文本框-->
                            <input type="text" class="ipt" style="width: 322px;">                            
                            <!--输入提示-->
                            <div class="tip">
                                <span>6~16个字符，区分大小写</span>
                            </div>

                        </dd>   
                    </dl>

                    <dl class="regForm-item">
                        <!---输入框前文本-->
                        <dt class="regForm-title"> 
                            <span class="txt-impt"></span>

                        <strong style="font-weight:bold;font-size: 14px;" >*确认密码</strong>
                        </dt>

                        <dd class="regForm-ct">
                            <!--输入文本框-->
                            <input type="text" class="ipt" style="width: 322px;">                            
                            <!--输入提示-->
                            <div class="tip">
                                <span>请再次填写密码</span>
                            </div>

                        </dd>
                    </dl>

                    <dl class="regForm-item">
                        <!---输入框前文本-->
                        <dt class="regForm-title"> 
                            <span class="txt-impt">*</span>
                            <strong style="font-weight:bold;font-size: 14px;" >*手机号码
                        </dt>

                        <dd class="regForm-ct">
                            <!--输入文本框-->
                            <input type="text" class="ipt" id="phone" style="width: 322px;padding-left:35px;font-weight:bold;font-size:14px;" value="+86-">

                            <!--国旗图标与下拉箭头-->
                            <div class="itl" style="width:35px;height:27px;line-height:27px;">
                                <div class="flag flag-CN">
                                    <em>&nbsp;</em>
                                </div>      
                            </div>
                            <!--下拉列表选项-->
                            <div class="select_panel">
                                <a href="#" class="flag-CN">
                                    <em></em>
                                中国+86
                                </a>

                                <a href="#" class="flag-AL">
                                    <em></em>
                                阿尔巴尼亚(Shqipëria) +355
                                </a>
                            </div>



                            <!--输入提示-->
                            <div class="tip">
                                <span>忘记密码时，可以通过该手机号码快速找回密码</span>
                            </div>

                        </dd>
                    </dl>


                </div>
               
            </div>



            <!--右边的广告区域-->
            <div class="mainBody-side">
                <img src="wangyi/images/reg_master.gif">
            </div>
            </aside>
        </div>
    </section>
<script type="text/javascript">
    function select_flag(){
        // var panel =  document.getElementsByClassName('select_panel')[0];
        // var display =  panel.style.getPropertyValue('display');
        // display ==='none'?panel.setAttribute('style','display:block'):panel.setAttribute('style','display:none');
        
        // console.log(display);
        var links=document.querySelectorAll(".select_panel a");
            for (var i = links.length - 1; i >= 0; i--) {
            	links[i].addEventListener("click",function(e){
            		var target=e.target;
            		console.log(target)
            		var cls=target.className;
            		// console.log(cls)
            		var Txt=target.innerText;
            		// console.log(Txt)
            		var phone=Txt.substr(Txt.indexOf("+"),Txt.length-Txt.indexOf("+"));
            		document.getElementById('phone').setAttribute("value",phone);
            	})
            }
    }
   select_flag();
</script>    
</body>
</html>
